import { Tabs } from 'antd';
import React from 'react'
import './index.scss'
import LoginByName from './LoginByName';
import LoginBYPhone from './LoginBYPhone';
const { TabPane } = Tabs;

export default function Login() {
  return (
    <div className='padding10'>
        <div style={{width:"100%",height:"1rem",marginBottom:"0.1rem",display:"flex",justifyContent:"space-around"}}>
       <div style={{width:"60%",height:"auto"}}>
       <img src={require('../../assets/images/logo1.png')} style={{width:"100%",height:"auto",marginBottom:"0.1rem"}} alt="" />
        <p style={{textAlign:"center",fontSize:"0.16rem",color:"#333",marginBottom:0}}>欢迎你的加入</p>
       </div>
    </div>
        <div className='login_cont'>
        <Demo />
        </div>
    </div>
  )
}
const Demo = () => (
  <Tabs defaultActiveKey="1" >
    <TabPane tab="用户名登录" key="1">
     <LoginByName></LoginByName>
    </TabPane>
    <TabPane tab="手机号登录" key="2">
    <LoginBYPhone/>
    </TabPane>
  </Tabs>
);
